<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../assets/jquery-pagination/pagination.css">
    <link rel="stylesheet" href="../css/list.css">
    <!-- <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css"> -->
</head>
<body>
    <div class="fixed">
        <a class="bc-top" href="#top"><i></i>返回顶部</a>
        <a href="">反馈</a>
    </div>
    
        <!-- 登录顶部 -->
    <div class="menu">
        <div class="top1">
            <div class="leftBox">
                <a href="#" target="_blank" title="手机版">
                    <s></s>
                    手机版
                </a>
                <i>|</i>
                <a href="#" target="_blank" title="Q币充值">Q币充值</a>
            </div>
            <div class="rightBox">
                <a href="#" target="_blank" title="游戏导航" class="game_menu">游戏导航</a>
                <i>|</i>
                <a href="#" target="_blank" title="帮助中心">帮助中心</a>
                <i>|</i>
                <a href="#" target="_blank" title="我的订单">我的订单</a>
                <i>|</i>
                <div class="login">
                    <div class="unlogin off">您还未登录，请<a href="./login.html" title="登录">登录</a></div>
                    <div class="unlogin hide on">欢迎您<a href="./login.html" title="登录">登录</a></div>
                    <div class="logined" style="display: none;">欢迎你</div>
                </div>
            </div>
        </div>
    </div>
        <!-- 搜索块 -->
    <div class="menu-box">
        <div class="bg-first">
        <div class="findBox">
            <div class="bgc">
                <a href="#"></a>
            </div>
            <div class="inputBox">
                <div class="inputbox">
                    <a href="#"></a>
                    <input type="text" value="请输入道具进行搜索" attr_default="请输入道具名称">
                    <ul></ul>
                </div>
            </div>
            <div class="logbox">
                <a href="#"></a>
            </div>
        </div>
        </div>
        <!-- 大导航 -->
        <div class="navigationBox">
            <div class="navigation">
                <ul>
                    <li>
                        <a href="./index.html" >首页</a></li>
                    <li class="current"><a href="./list.html">商品列表</a></li>
                    <li><a href="">活动专区</a></li>
                    <li><a href="">限时折扣</a></li>
                    <li><a href="">聚豆乐园</a></li>
                    <li><a href="">周边商城</a></li>
                    <li><a href="">个人中心</a></li>
                </ul>
                <div class="shopCar">
                    <a href="./car.html">
                        
                        <i>(<span class="car-Num">0</span>)</i>
                        
                        <s></s>
                        购物车</a>
                </div>
            </div>
        </div>
        <!-- 小导航 -->
    <div class="clear-top">
        <div class="Snavigation">
            <ul>
                <li class="all_class">全部分类</li>
                <li>英雄</li>
                <li>表情</li>
                <li>海克斯及其他</li>
                <li>云顶之亦</li>
                <li>皮肤</li>
                <li>道具</li>
                <li>守卫眼皮肤</li>
                <li>道具包</li>
            </ul>
    </div>
        </div>
    </div>
    </div>
    
    <!-- 位置信息 -->
    <div class="localtion">
        <div class="lf">
            您现在的位置：<a href="">英雄联盟</a>&nbsp;&nbsp;>&nbsp;&nbsp;<span>全部分类</span>
        </div>
    </div>
    <!-- 版心 -->
    <div class="layout contWrap">
        <!-- 左侧小商品 -->
        <div class="lf sidebar">
            <div class="r-hotbox">
                <div class="hotbox-top mb10 hot10">
                    <img src="../img/loading.jpg" alt="" class="h10img">
                </div>
                <div class="hotbox-top">
                    <h3>猜你喜欢
                        <span></span>
                    </h3>
                    <ul>
                        <li class="">
                            <a href="#">
                                <div class="icorank">01</div>
                                <img src="../img/list/002.jpg" alt="">
                                <div class="djinfo">
                                    <p class="djname">猩红之月 烬</p>
                                    <p class="djprice">QB价格：79QB</p>
                                    <p class="djcpri">微信价格：<b>￥76.63</b></p>
                                </div>
                            </a>
                        </li>
                        <li class="">
                            <a href="#">
                                <div class="icorank">02</div>
                                <img src="../img/list/002.jpg" alt="">
                                <div class="djinfo">
                                    <p class="djname">猩红之月 烬</p>
                                    <p class="djprice">QB价格：79QB</p>
                                    <p class="djcpri">微信价格：<b>￥76.63</b></p>
                                </div>
                            </a>
                        </li>
                        <li class="">
                            <a href="#">
                                <div class="icorank">03</div>
                                <img src="../img/list/002.jpg" alt="">
                                <div class="djinfo">
                                    <p class="djname">猩红之月 烬</p>
                                    <p class="djprice">QB价格：79QB</p>
                                    <p class="djcpri">微信价格：<b>￥76.63</b></p>
                                </div>
                            </a>
                        </li>
                        <li class="">
                            <a href="#">
                                <div class="icorank">04</div>
                                <img src="../img/list/002.jpg" alt="">
                                <div class="djinfo">
                                    <p class="djname">猩红之月 烬</p>
                                    <p class="djprice">QB价格：79QB</p>
                                    <p class="djcpri">微信价格：<b>￥76.63</b></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 右侧列表 -->
        <div class="fr maincont">
            <!-- 筛选栏 -->
            <div class="filter-box">
                <div class="filter-item">
                    <div class="lf">
                        <label for="">关键字：</label>
                        <input type="text" name="" id="" class="input-txt">
                    </div>
                    <div class="lf" style="margin-left: 20px;text-align: left;">
                        价格区间<input type="text" class="input-chlid"><label for="">-</label><input type="text" class="input-chlid">
                    </div>
                    <div class="lf">
                        <a href="#" class="a-btn">确定</a>
                    </div>
                </div>
                <div class="filterlist">
                    <p class="fl tkhot">热销产品</p>
                </div>
            </div>
            <!-- 列表栏 -->
            <div class="listwrap">
                <!-- 商品列表 -->
                <div class="plate-box">
                    <img src="../img/loading.jpg" alt="" class="loading">
                </div>
                <!-- 分页器 -->
                <div class="page-box pagination m-style">
                    
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footBox">
        <div class="bx_qa foot-wrap">
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>我是新手</h4>
                <ul>
                    <li>什么是道聚城</li>
                    <li>如何购买</li>
                    <li>如何赠送</li>
                    <li>如何获取聚豆</li>
                </ul>
            </div>
            <div class="bx_t1">
                <h4><s></s>腾讯在线服务</h4>
                <ul>
                    <li>腾讯官方客服在线服务</li>
                </ul>
                <a class="ploic" href="//szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f" target="_blank"></a>
            </div>
            <div class="bx_t1 bx-code">
                <ul>
                    <li>
                        <img src="../img/list/zsdjc.png" alt="">
                        <p>掌上道聚城</p>
                    </li>
                    <li>
                        <img src="../img/list/zsdjc.png" alt="">
                        <p>道聚城公众号</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="foot-wrap">
            <div class="footer">
                <p>
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">服务条款</a>
                </p>
                <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p><a href="#">腾讯公司 版权所有</a></p>
            </div>
        </div>
    </div>
</body>
    <script src="../assets/jquery/jquery.js"></script>
    <script src="../assets/jquery-pagination/jquery.pagination.min.js"></script>
    <script src="../js/publc.js"></script>
    <script src="../js/list.js"></script>
</html>